<div class="mt-3">
    <div class="row mt-2">
        <div class="col-4">
            <app-list-search-text [field]="extend.condition.serNum"></app-list-search-text>
        </div>
        <div class="col-4">
            <app-list-search-datatime-range [field]="extend.condition.lastModifyTime"></app-list-search-datatime-range>
        </div>
        <div class="col-4">
            <app-list-search-text [field]="extend.condition.lastModifier"></app-list-search-text>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-4">
            <app-list-search-text [field]="extend.condition.serMemo"></app-list-search-text>
        </div>
        <div class="col-4">
            <app-list-search-datatime-range [field]="extend.condition.createTime"></app-list-search-datatime-range>
        </div>
        <div class="col-4">
            <app-list-search-text [field]="extend.condition.creator"></app-list-search-text>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-4">
            <ng-select [items]="extend.condition.fkUpperZone.items" [multiple]="true" [closeOnSelect]="false" [searchable]="true"
                bindLabel="name" bindValue="id" placeholder="{{extend.condition.fkUpperZone.nickname}}" tooltip="{{extend.condition.serAudit.nickname}}"
                [(ngModel)]="condition.fkUpperZoneList" (change)="extend.condition.fkUpperZone.change($event)">
            </ng-select>
        </div>
        <div class="col-4">
            <ng-select [items]="extend.condition.fkZoneTemplate.items" [multiple]="true" [closeOnSelect]="false" [searchable]="true"
                bindLabel="name" bindValue="id" placeholder="{{extend.condition.fkZoneTemplate.nickname}}" tooltip="{{extend.condition.serAudit.nickname}}"
                [(ngModel)]="condition.fkZoneTemplateList" (change)="extend.condition.fkZoneTemplate.change($event)">
            </ng-select>
        </div>
        <div class="col-4">
            <ng-select [items]="extend.condition.enuPosition.items" [multiple]="true" [closeOnSelect]="false" [searchable]="true"
                bindLabel="name" bindValue="id" placeholder="{{extend.condition.enuPosition.nickname}}" tooltip="{{extend.condition.serAudit.nickname}}"
                [(ngModel)]="condition.enuPositionList" (change)="extend.condition.enuPosition.change($event)">
            </ng-select>
        </div>
    </div>
</div>
